<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ruleta Jorge Tablero</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	<div id="main">
		 <!-- header -->
		<div id="header">
			<!-- .logo -->
		    <div class="logo">
		    	<a href="index.jsp"><img src="images/logo.jpg" alt="" /></a>
		   	 </div>
		    <!-- /.logo -->
		   </div> <!--  cierro header -->
	</div>

	
	<div id="content">
		<div class="botonApostar" wicket:id="link">
			<img src="images/boton-apostar.png" alt="" /> <span
				wicket:id="dialog"></span>
		</div>
			<div class="nombreJugador">
			<h3><span wicket:id="jugadorOnSite"> nombre del jugador conectado</span></h3>
			<p>
			<h2><label wicket:id="fichas"> </label></h2>
		</div> 
		
		<div class="tablero">
		<CENTER>
			<table width="200" height="400px" ; border="0" cellspacing="2"
				cellpadding="2" bgcolor="#000000">

				<tr align="center">
					<td class="celdaVerde"></td>
					<td class="celdaVerdeNumero" >0</td>
					<td class="celdaVerde"></td>
				</tr>
				<tr align="center">
					<td class="celdaRoja">1</td>
					<td class="celdaNegra">2</td>
					<td class="celdaRoja">3</td>
				</tr>
				<tr align="center">
					<td class="celdaNegra">4</td>
					<td class="celdaRoja">5</td>
					<td class="celdaNegra">6</td>
				</tr>
				<tr align="center">
					<td class="celdaRoja">7</td>
					<td class="celdaNegra">8</td>
					<td class="celdaRoja">9</td>
				</tr>
				<tr align="center">
					<td class="celdaNegra">10</td>
					<td class="celdaNegra">11</td>
					<td class="celdaRoja">12</td>
				</tr>
				<tr align="center">
					<td class="celdaNegra">13</td>
					<td class="celdaRoja">14</td>
					<td class="celdaNegra">15</td>
				</tr>
				<tr align="center">
					<td class="celdaRoja">16</td>
					<td class="celdaNegra">17</td>
					<td class="celdaRoja">18</td>
				</tr>
				<tr align="center">
					<td class="celdaRoja">19</td>
					<td class="celdaNegra">20</td>
					<td class="celdaRoja">21</td>
				</tr>
				<tr align="center">
					<td class="celdaNegra">22</td>
					<td class="celdaRoja">23</td>
					<td class="celdaNegra">24</td>
				</tr>
				<tr align="center">
					<td class="celdaRoja">25</td>
					<td class="celdaNegra">26</td>
					<td class="celdaRoja">27</td>
				</tr>
				<tr align="center">
					<td class="celdaNegra">28</td>
					<td class="celdaNegra">29</td>
					<td class="celdaRoja">30</td>
				</tr>
				<tr align="center">
					<td class="celdaNegra">31</td>
					<td class="celdaRoja">32</td>
					<td class="celdaNegra">33</td>
				</tr>
				<tr align="center">
					<td class="celdaRoja">34</td>
					<td class="celdaNegra">35</td>
					<td class="celdaRoja">36</td>
				</tr>
			</table>
		</CENTER>
		</div>

	
	
		<div class="panelJugadores">
			<span wicket:id="panelJugadores">Aca va el panel de jugadores</span>
		</div> 
		<div class="panelApuestas">
			<span wicket:id="panelApuestas"></span>
		</div>
		<div class="ruleta">
			<img src="images/ruleta.png" alt="" />
		</div>
		<div class="panelGirar">
			<span wicket:id="panelGirar"></span>
		</div>
	</div>

</body>
</html>